.modal-enter {
  opacity: 0;
  transform: scale(0.9)
}

.modal-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: transform 300ms, opacity 300ms;
}

.modal-exit {
  opacity: 1;
  transform: scale(1);
}

.modal-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: transform 200ms, opacity 200ms;
}